<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css伪类</title>
    <!--CSS伪类是用来添加一些选择器的特殊效果。-->
    <!--语法-->
    <!--伪类的语法：-->
    <!--selector:pseudo-class {property:value;}-->
    <!--CSS类也可以使用伪类：-->
    <!--selector.class:pseudo-class {property:value;}-->
    <!--anchor伪类-->
    <!--在支持 CSS 的浏览器中，链接的不同状态都可以以不同的方式显示-->
    <style>
        a:link {color: #000000;}  /*未访问链接*/
        a:visited {color: #00FF00;}  /*已访问链接*/
        a:hover {color: #FF00FF;}  /*鼠标移动到链接上*/
        a:active {color: #0000FF;}  /*鼠标点击时*/
    </style>
</head>
<body>
<p><b><a href="/css/" target="_blank">这是一个链接</a></b></p>
<p><b>注意:</b>a:hover必须在a:link和a:visited之后，需要严格按顺序才能看到效果。</p>
<p><b>注意:</b>a:active必须在a:hover之后。</p>

<!--注意： 在CSS定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。-->
<!--注意： 在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。-->
<!--注意：伪类的名称不区分大小写。-->
</body>
</html>